.lottery-container {
    background-color: #f2f3f6;
    .lottery {
      &-header {
        box-sizing: border-box;
        background-color: #fff;
        position: sticky;
        box-shadow: 0 4px 6px -6px rgba(0, 0, 0, 0.3);
        &-date {
          display: flex;
          align-items: center;
          height: 80rpx;
          padding: 0 16rpx;
  
          .current-date {
            background: linear-gradient(270deg, #EA250D 0%, #EF6C1C 100%);
            -webkit-background-clip: text; /* 对于WebKit浏览器（如Safari和Chrome） */
            background-clip: text;
            -webkit-text-fill-color: transparent; /* 使用背景剪裁填充文本颜色 */
          }
          image {
            width: 27rpx;
            height: auto;
            margin-left: 12rpx;
          }
        }
        &-serach {
          background-color: #fff;
          border-top: 2rpx solid #f2f3f6;
          display: flex;
          justify-content: space-between;
          padding: 12rpx 0 10rpx 16rpx;
          .search-box {
            flex: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
          }
  
          .search-box {
            position: relative;
            padding: 4rpx; /* 为渐变边框预留空间 */
            border-radius: 40rpx;
            background: linear-gradient(270deg, #CD352A 0%, #F8533F 100%);
          }
  
          .search-box::before {
            content: '';
            position: absolute;
            top: 2rpx;
            left: 2rpx;
            right: 2rpx;
            bottom: 2rpx;
            background: white;
            border-radius: 38rpx;
          }
  
          .search-input {
            position: relative;
            border: none;
            border-radius: 40rpx;
            outline: none;
            font-size: 24rpx;
            background: transparent;
            flex: 1;
            padding-left: 24rpx;
            padding-right: 124rpx;
          }
          .search-input::placeholder {
            color: #BFBFBF !important;
          }
  
          .search-btn {
            position: absolute;
            right: 8rpx;
            top: 9rpx;
            bottom: 6rpx;
            border: none;
            border-radius: 40rpx;
            width: 100rpx;
            height: 50rpx;
            background: linear-gradient(270deg, #EA250D 0%, #EF6C1C 100%);
            color: white;
            font-size: 24rpx;
            cursor: pointer;
            transition: background-color 0.3s;
            display: flex;
            justify-content: center;
            align-items: center;
          }
          
          .filter-box {
            width: 110rpx;
            height: 60rpx;
            margin-top: 2rpx;
            border: 2rpx solid #B5B5B5;
            border-right: none;
            border-top-left-radius: 40rpx;
            border-bottom-left-radius: 40rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 12rpx;
            & > view {
              image {
                width: 32rpx;
              }
            }
          }
        }
      }
      &-body {
        .list {
          margin: 20rpx 10rpx;
          &-item {
            background-color: #fff;
            margin-bottom: 10rpx;
            padding: 16rpx 26rpx;
            box-sizing: border-box;
  
            display: grid;
            grid-template-columns: 1fr 1.5fr 1fr 2fr;  /* 调整每列的宽度比例 */
            align-items: center;
            gap: 4rpx;
            
            view {
              font-size: 22rpx;
              color: #3D3D3D;
              font-weight: 500;
            }
            .user {
              max-width: 120rpx;
              white-space: nowrap; /* 禁止换行 */
              overflow: hidden; /* 隐藏超出容器的内容 */
              text-overflow: ellipsis; /* 将溢出部分显示为省略号 */
            }
            .time {
              text-align: right; 
              padding-right: 0;
            }
          }
        }
      }
    }
  }
  
  .popup-content {
    height: 400rpx;
  }
  
  .popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 88rpx;
    padding: 0 30rpx;
    .cancel, .confirm {
      color: #3D3D3D;
      font-size: 28rpx;
      font-weight: 700;
    }
  }
  
  .picker {
    width: 100%;
    text-align: center;
    background-color: #fff;
    .picker-view {
      height: 242rpx;
      padding-bottom: 18rpx;
    }
  }
  
  .uni-input {
    height: 80rpx;
    line-height: 80rpx;
    padding: 0 20rpx;
  }
  .prize-item-name {
    line-height: 34px;
  }